<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS/css/reset.css">
    <style>
            .box{
                margin: 50px auto;
                width: 300px;
                height: 600px;
                font-size: 16px;

            }
            .box1{
                height: 41px;
                border-top: 1px rgb(221, 221, 221) solid;
            }
            .box3{
                
                margin-top: -1px;
                border-top:rgb(243, 69, 64) solid 1px;
                display: inline-block ;
                line-height: 20px;
                

            }
            .box3 a{
                color: rgb(64, 64, 64);
                font-size: 16px;
                text-decoration:none;
                margin-top: -10px;

            
            }
            .tupian1{
                height: 150px;
            }
            .wenzi1{

                font-size: 16px;
                margin-top: -35px;
                color: #fff;
                font-weight:bold;
                padding-left: 30px;
            }
            .liebiao{
                padding-top: 20px;
            }
            .liebiao li a{
                padding-left: 10px;
            }
            .liebiao li span{
                color: rgb(221, 221, 221);
                font-size: 10px;
            }
    </style>
</head>
<body>
    <div class="box">
        <div class="box1"><h2 class="box3"><a href="#">体育</a></h2></div>
        <div class="tupian">
            <a href="https://www.baidu.com" class="tupian1">
                <img src="https://cms-bucket.ws.126.net/2021/0930/53a9f3dbj00r080mw001zc000go00b4c.jpg?imageView&thumbnail=300y150&type=webp" alt="">
                <h3 class="wenzi1">
                    林皇足弓C罗绝杀 飞刀CR7悲伤庆祝
                </h3>
            
            </a>
        </div>
        <ul class="liebiao">
            <li><span>■</span><a href="#">贾巴尔喷欧文"地平论混乱头脑"</a></li>
            <li><span>■</span><a href="#">王霜今年曾拒英超邀约 本人3字回应</a></li>
            <li><span>■</span><a href="#">欧文又发言了 名宿：不负责任的胡说</a></li>
            <li><span>■</span><a href="#">周琦脑瓜嗡嗡响 汤神漫漫求职路</a></li>
        </ul>
        
    </div>
</body>
</html>